@charset "UTF-8";

.cart-list{
    background: #fff;
    
    .center{
            padding-left:0.1rem;
            @include flexbox();
            @include flex();
        }
    .right{
        color: #fe3e3d;
        width: 1rem;
        line-height:0.5rem;
        height: 0.5rem;
        text-align:center;
        font-size: 0.11rem;
    }   
     
    dl{
        dt{
            display : flex;
            background:#f5f5f5;
            border-top:1px solid #e5e5e5 ;
            .center{
              display: block;
               p{
                    height: 50%;
                    line-height:.25rem;
                    &:nth-child(1){
                        padding-left: 5px;
                        line-height:0.25rem;
                        font-size: 12px;
                        i{
                            margin-right: 0.05rem;
                        }
                    }
                    &:nth-child(2){
                        color: #fe3e3d;
                        line-height:0.25rem;
                        font-size: 10px;
                    }
                }
            }
        }
        dd{
            border-bottom: 1px dashed #e3e3e3;
            padding-bottom: .17rem;
            .title{
                  height: 0.5rem;
                  padding-left: 0.05rem;
                span{
                    line-height: 0.5rem;
                    &:nth-child(1){
                        color: #fff;
                        padding: 0 0.05rem;
                        font-size: 0.08rem;
                        background: #f7403c;
                        @include border-radius(0.1rem)
                    }
                    &:nth-child(2){
                        font-size: 0.1rem;
                        padding-left: 0.05rem;
                    }
                }
            }
            .content{
                @include flexbox()
                height: 1.05rem;
                .check{
                    height: 100%;
                    line-height: 1.05rem;
                    height: 100%;
                }
                .center{
                    @include flex();
                    @include flexbox()
                    height: 100%;
                    .img{
                        width:1.05rem;
                        height: 100%;
                        @include flex();
                        @include align();
                        img{
                            width: 80%;
                        }
                    }
                    .word{
                        height: 100%;
                        @include flex();
                        padding-top: .13rem;
                        padding-left: 0.07rem;
                        .name{
                            font-size: .12rem;
                            height: .25rem;
                            line-height: .25rem;
                            @include ellipsis();
                        }
                        .size{
                            height: .22rem;
                            line-height: .22rem;
                            color: #c4c4c4;
                            font-size: .1rem;
                        }
                        .price{
                            height: .62rem;
                            padding-top:.11rem;
                            color:#fc5100;
                            font-size: .15rem;
                            @include ellipsis();
                            del{
                                text-decoration:line-through;
                                color: #c4c4c4;
                                font-size: .1rem;
                                margin-left: 0.07rem;
                            }
                        }
                    }
                }
                .right{
                    height: 100%;
                    display : flex;
                    padding-top: 0.8rem;
                    padding-left: 0.1rem;
                    color: #cfa460;
                    @include align();
                    i{
                        margin: 0 0.07rem;
                        font-size: .20rem;
                    }
                    span{
                        font-size: .17rem;
                    }
                }
            }
        }
        .preferential{
            font-size: 0.12rem;
            height: 0.45rem;
            line-height: 0.45rem;
            @include flexbox();
            span{
                padding:0 0.05rem;
                &:nth-child(2){
                    @include flex();
                }
                &:nth-child(3){
                    width: .6rem;
                    a{
                        color: #888;
                    }
                }
            }
        }
    }
}   